/* eslint no-unused-vars:0 */
import React from 'react';
import PubSub from 'pubsub-js';
import 'antd/dist/antd.css';

import { Card, Skeleton, Avatar, Icon, Row, Col } from 'antd';

import { Link } from 'react-router-dom';

const { Meta } = Card;

export default class ExpertManuscripts extends React.Component {
    state = {
        data: [
            {
                title: 'a专家',
                description: 'a专家擅长xxxxx'
            },
            {
                title: 'b专家',
                description: 'b专家擅长xxxxx'
            },
            {
                title: 'c专家',
                description: 'c专家擅长xxxxx'
            },
            {
                title: 'd专家',
                description: 'd专家擅长xxxxx'
            },
            {
                title: 'e专家',
                description: 'e专家擅长xxxxx'
            },
            {
                title: 'f专家',
                description: 'f专家擅长xxxxx'
            },
            {
                title: 'g专家',
                description: 'g专家擅长xxxxx'
            }
        ]
    };

    render() {
        const cardList = this.state.data.map((d, index) => (
            <div style={{ float: 'left', margin: '20px' }}>
                <Card style={{ width: 350 }}>
                    <Meta
                        avatar={<Avatar size={96} icon="user" />}
                        title={d.title}
                        description={d.description}
                    />
                </Card>
            </div>
        ));

        return (
            <div className="body" style={{ marginTop: '20px' }}>
                {cardList}
            </div>
        );
    }
}
